/* 定义less 变量 
属性值定义变量
属性名定义变量
选择器定义变量

变量的延迟加载
第一种 现在当前元素中查找，有，用当前的，如果没有，一层一层往上找，直到最外层
第二种当前元素中有，就在当前找 有多个，使用最后一个


在less类似于函数的代码块称为混合(mixin)
混合可以传参，也可以不传参
不传参 
调用时直接调用 .混合名（）直接调用
传参
有形参默认值
当有形参默认值，可以不传参，默认使用形参默认值，当传参时，使用传入的参数
无形参默认值
当无形参默认值时，调用混合必须传递参数

less中可以做运算 加减乘除  注意运算符左右加空格

可以写循环语句

*/
/* 引入外链的less文件 */
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
* {
  margin: 0;
  padding: 0;
}
.wrap {
  width: 600px;
  height: 600px;
  background-color: #ff0000;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.wrap .inner {
  width: 400px;
  height: 400px;
  background-color: #ffff00;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.wrap .inner .box {
  width: 200px;
  height: 200px;
  background-color: #ffc0cb;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.box-wrap {
  width: 275px;
  height: 100px;
  background-color: purple;
}
/* 栅格系统 */
/* 
 width: 30px;
  width: 25px;
  width: 20px;
  width: 15px;

*/
/* 
width: 15px;
  width: 20px;
  width: 25px;
  width: 30px;
*/
.test {
  width: 30px;
  width: 25px;
  width: 20px;
  width: 15px;
}
/* .test {
    width: 100px;
    height: 100px;
    background-color: greenyellow;
} */
/* 李博俊很帅气！ */
